<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

        <title>Buscador Medicando</title>

        <link href="css/bootstrap.css" rel="stylesheet" media="screen" />
        <link href="css/geral.css" rel="stylesheet" />        
        <link href="css/bootstrap-responsive.css" rel="stylesheet" />        

        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    </head>

    <body class="inner">
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container-fluid">
                    <div class="header">
                        <span class="nav-icon left">
                            <a href="#" class="ico menu"><i class="icons-back"></i></a>
                        </span>
                        <div class="logo">
                            <a href="#"><i class="icons-logo"></i></a>
                        </div>
                        <span class="nav-icon right">
                            <a href="#" class="ico menu"><i class="icons-menu"></i></a>
                        </span>                               
                    </div>
                </div>
            </div>
        </div>

        <div class="container-fluid">

            <div class="row-fluid">

                <div class="span12">

                    <!-- Perfil -->
                    <section>

                        <div class="header-info media">
                            <img src="img/01.jpg" alt="Imagem" class="thumb img-rounded" />
                            <div class="media-body">
                                <h4 class="media-heading">Marinilson Siciliano de freitas costa composta</h4>
                            </div>                            
                        </div>

                        <div class="clear"></div>

                        <div class="info">
                            <p>Rua Tamanduá, n 1234, sala 201 - Osasco - São Paulo</p>
                            <p><a href="#">(11) 3248-0001</a></p>
                        </div>

                        <div class="alert alert-info">
                            Veja os outros endereços de atendimento
                        </div>

                        <!-- Endereços -->                        
                        <div class="theme-c blocks">

                            <div class="box-group">
                                
                                <div class="box-group-header">
                                    <h4>Rua Tamanduá, n 1234, sala 201 - Osasco - São Paulo</h4>
                                    <p><a href="#">(11) 3248-0001</a></p>
                                </div>                                

                                <div class="accordion" id="accordionFilter">
                                    <div class="accordion-group">
                                        <div class="accordion-heading inner">
                                            <a class="accordion-toggle _active" data-toggle="collapse" data-parent="#accordionFilter" href="#plano">
                                                <span class="btn-inner">
                                                    <span class="btn-text">Planos que Atende</span>
                                                    <span class="btn-icon icon-arrow-d">&nbsp;</span>
                                                </span>
                                            </a>
                                        </div>

                                        <div id="planos" class="accordion-body collapse in">
                                            <div class="accordion-inner inner content-scrollable">
                                                <p>Amil, Caixa Seguros Saúde, GEAP, Golden Cross.</p>
                                                <div class="alert alert-block">
                                                    Entre em contato para verificar se o local atende o seu tipo específico de plano de saúde.
                                                </div>                                                
                                            </div>
                                        </div>

                                    </div>
                                    <!-- Especialidade -->
                                    <div class="accordion-group">
                                        <div class="accordion-heading inner">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionFilter" href="#especialidade">
                                                <span class="btn-inner">
                                                    <span class="btn-text">Especialidades</span>
                                                    <span class="btn-icon icon-arrow-d">&nbsp;</span>
                                                </span>
                                            </a>
                                        </div>

                                        <div id="especialidade" class="accordion-body collapse">
                                            <div class="accordion-inner inner content-scrollable">
                                                <p>Ginecologia, Obstetricia, Cardiologia.</p>
                                            </div>
                                        </div>

                                    </div>
                                    <!-- Especialidade --> 

                                    <!-- Mapa -->
                                    <div class="accordion-group">
                                        <div class="accordion-heading inner">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionFilter" href="#mapa">
                                                <span class="btn-inner">
                                                    <span class="btn-text">Mapa</span>
                                                    <span class="btn-icon icon-arrow-d">&nbsp;</span>
                                                </span>
                                            </a>
                                        </div>

                                        <div id="mapa" class="accordion-body collapse in">
                                            <div class="accordion-inner inner content-scrollable maps">
                                                <a href="#abreMapa"><img src="img/maps.png" alt="Mapa" /></a>
                                                <div class="clear"></div>
                                                <div class="txt-center">
                                                    <button class="btn" type="button">Navegar GPS <i class="icon-map-marker"></i></button>
                                                </div>                                                
                                            </div>
                                        </div>                                                  

                                    </div>                                                
                                    <!-- Especialidade -->
                                </div>

                            </div>

                        </div>                        
                        <!-- Endereços -->
                        
                        <!-- Endereços -->                        
                        <div class="theme-c blocks">

                            <div class="box-group">
                                
                                <div class="box-group-header">
                                    <h4>Rua Tamanduá, n 1234, sala 201 - Osasco - São Paulo</h4>
                                    <p><a href="#">(11) 3248-0001</a></p>
                                </div>                                

                                <div class="accordion" id="accordionFilter2">
                                    <div class="accordion-group">
                                        <div class="accordion-heading inner">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionFilter2" href="#plano2">
                                                <span class="btn-inner">
                                                    <span class="btn-text">Planos que Atende</span>
                                                    <span class="btn-icon icon-arrow-d">&nbsp;</span>
                                                </span>
                                            </a>
                                        </div>

                                        <div id="planos2" class="accordion-body collapse">
                                            <div class="accordion-inner inner content-scrollable">
                                                <p>Amil, Caixa Seguros Saúde, GEAP, Golden Cross.</p>
                                                <div class="alert alert-block">
                                                    Entre em contato para verificar se o local atende o seu tipo específico de plano de saúde.
                                                </div>                                                
                                            </div>
                                        </div>

                                    </div>
                                    <!-- Especialidade -->
                                    <div class="accordion-group">
                                        <div class="accordion-heading inner">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionFilter2" href="#especialidade2">
                                                <span class="btn-inner">
                                                    <span class="btn-text">Especialidades</span>
                                                    <span class="btn-icon icon-arrow-d">&nbsp;</span>
                                                </span>
                                            </a>
                                        </div>

                                        <div id="especialidade2" class="accordion-body collapse">
                                            <div class="accordion-inner inner content-scrollable">
                                                <p>Ginecologia, Obstetricia, Cardiologia.</p>
                                            </div>
                                        </div>

                                    </div>
                                    <!-- Especialidade --> 

                                    <!-- Mapa -->
                                    <div class="accordion-group">
                                        <div class="accordion-heading inner">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionFilter2" href="#mapa2">
                                                <span class="btn-inner">
                                                    <span class="btn-text">Mapa</span>
                                                    <span class="btn-icon icon-arrow-d">&nbsp;</span>
                                                </span>
                                            </a>
                                        </div>

                                        <div id="mapa2" class="accordion-body collapse">
                                            <div class="accordion-inner inner content-scrollable maps">
                                                <a href="#abreMapa"><img src="img/maps.png" alt="Mapa" /></a>
                                                <div class="clear"></div>
                                                <div class="txt-center">
                                                    <button class="btn" type="button">Navegar GPS <i class="icon-map-marker"></i></button>
                                                </div>                                                
                                            </div>
                                        </div>                                                  

                                    </div>                                                
                                    <!-- Especialidade -->
                                </div>

                            </div>

                        </div>                        
                        <!-- Endereços -->

                    </section>
                    <!-- Perfil -->

                </div>     

            </div>

            <div class="clear"></div>           

        </div>

        <footer class="txt-center footer">
            <p><a href="http://www.medicando.com.br">Versão desktop</a></p>
        </footer>

    </body>
</html>